/*--           CSS MODS BY MARK JOSEPH RIVERA - FEBRUARY 14, 2012            --*/
/*-----------------------------------------------------------------------------*/



/*## DEFAULT LAYOUT CONFIGURATION
######################################*/

@import 'class';
@import 'emulateIE';

html { min-height:100%; *overflow-x:hidden; }
body { background:#000 url(../images/bg_body.jpg) no-repeat top center; 

	//Multi-Wrappers
	.wrap { clear:both; float:left; width:100%; margin:0;
		&.header { min-height:1%; max-height:115px; }
		&.footer { min-height:1%; max-height:200px; }
		
		&.page { min-height:1%; max-height:100%; }
	}

	header, footer, #main { position:relative; width:1060px; margin:auto; }

	ul { line-height:18px; margin:10px 0 10px 25px; }
	a { color:#444; text-decoration:none;
		&:focus,
		&:active { color:#333; }
		&:hover  { color:#CCC; }
	}
	
	header {
		#hdrLogo { position:absolute; top:0; left:0; display:block; background:url(../images/hdr_logo.png) no-repeat; width:311px; height:106px; }
	}
	
	nav {
		&[menunav] { float:right; background:url(../images/mn/menunav.png) no-repeat; width:572px; height:115px;
			ul { float:left; position:relative; top:-20px; width:572px; height:115px; margin:0;
				li { float:left; width:114px; margin-right:1px;
					&.panel1 {
						a { display:block; width:inherit; height:115px; }
					}
					&.panel2 { width:227px; margin-right:0;
						a { display:block; width:inherit; height:115px; }
					}
				}
			}
		}
	}
	
	footer { padding:10px 0;
		ul { float:left; list-style:none; width:100%; margin:0;
			li { font-size:11px; text-transform:uppercase; padding:10px 0;
				&.col1 { width:50%;
					a { color:#666; margin-right:10px;
						&:hover { color:#20b57b; }
					}
					span { display:block; font-size:11px; text-transform:capitalize; }				
				}
				&.col2 { text-align:right; width:50%;
					img { position:relative; top:-2px; margin-left:2.5px; }
					a:first-child { margin-left:5px; }
				}
			}
		}
	}
		
}



/*## DEFAULT USER ACCOUNT CONFIGURATION
######################################*/

#secureLogin { display:none; position:fixed; background:rgba(0,0,0,.50); width:100%; height:100%; z-index:1000; 
	
	fieldset { position:relative; background:#111; color:#EEE; width:340px; height:230px; margin:150px auto; padding:10px; border:solid 10px #0e4a35; .border-radius(5px); .box-shadow(0,1px,10px,0,rgba(0,0,0,.75)); z-index:999;
		span { 
			&[error] { position:absolute; top:10px; display:block; background:#cb3822; font-size:12px; color:#FFF; text-align:center; width:330px; padding:7px 5px; }
			&[blue] { color:#0098ce; }
		}
		h2 { font:24px MyriadProBold; color:#FFF; text-transform:uppercase; margin:40px 0 10px; }
		table { width:100%; margin:0;
			td { padding:0 0 15px; vertical-align:top; }
			
			input[type=text],input[type=password] { width:200px; padding:6px 5px; .border-radius(2px); }
			input[type=checkbox] { width:20px; height:20px; margin:0 0 0 -3px; padding:3px; }
		}
		button { position:relative; background:#FFF; padding:5px 20px; border:solid 1px #222; .border-radius(4px); .box-shadow(0,1px,1px,0,rgba(255,255,255,.25)); .linear-gradient(#EEE,#999,100%); }
	}
	
}



/*## DEFAULT SEARCH CONFIGURATION
######################################*/

.headsup_panel { float:left; list-style:none; width:100%; margin:30px 0; 
	li { width:50%; }
	
	h1 { font:30px MyriadProBold; color:#BBB; text-transform:uppercase; margin:0 0 10px; }

	select { font-size:11px; text-transform:uppercase; width:200px; margin:0 0 5px; padding:8px 0; border:solid 1px #DDD; 
		.border-radius(3px); .linear-gradient(#FFF,#DDD,100%);
	}

	input[type=search] { position:relative; display:inline; width:200px; padding:8px 5px; border:solid 1px #666; vertical-align:top;
		&:focus { outline:inset 1px #20b57b; }
	}
	button { background:#333 url("") no-repeat 50% 50%; }
	button { display:inline; width:64px; height:32px; border:none; .border-radius(3px); .box-shadow(0,1px,1px,0,#666); }
}

.listing_panel { clear:both; float:left; width:100%; margin:0;
	
	.lp_search_info { float:left; list-style:none; width:100%; margin:0 0 20px;
		> li { width:50%; }
		
		.breadings ul { float:left; font:18px sans-serif; color:#20b57b; text-transform:uppercase; line-height:18px; list-style:none; width:100%; margin:0;
			li { float:left; display:inline-block; width:auto; margin-right:10px; }
			 a { color:#20b57b; margin-left:0; }
		}
		
		.pagination { position:relative; width:auto; margin:0;
			a, span { display:inline-block; color:#FFF; margin-left:5px; }
		}
	}
	
	table { width:100%;
		tr { float:left; width:100%; margin-bottom:20px; }
		td { text-align:center; padding-left:6px;
			&:first-child { padding-left:0; }
			img { display:block; width:100px; margin-bottom:5px; }
			span { font:11px sans-serif; color:#EEE; text-transform:uppercase; }
		}
	}

}



/*## DEFAULT SUBJECT LIST CONFIGURATION
######################################*/

.subject_panel { clear:both; float:left; width:100%; margin:0;
	
	.sp_subject_info { float:left; list-style:none; width:100%; margin:0;
		> li { width:50%; }
		
		.breadings ul { float:left; font:13px sans-serif; color:#20b57b; text-transform:uppercase; line-height:16px; list-style:none; width:100%; margin:0;
			li { float:left; display:inline-block; width:auto; margin-right:10px; }
			 a { color:#20b57b; margin-left:0; }
		}
		
		.pagination { position:relative; width:auto; margin:0;
			a, span { display:inline-block; color:#FFF; margin-left:5px; }
		}
	}
	
	#subjectlist { clear:both; float:left; background:transparent; width:1040px; margin:10px 0; padding:10px; border:solid 10px #333; .border-radius(5px);
		
		div { margin:10px 0; padding:10px 0;
			&.subject_profile { width:510px; padding-left:10px;
				h2 { font:30px sans-serif; color:#20b57b; text-transform:uppercase; margin:0; }
				ul { clear:both; float:left; list-style:none; width:100%; margin:10px 0;
					&.creator_profile {
						li { font:bold 45px sans-serif; color:#FFF; width:auto; margin-right:10px;
							img { vertical-align:baseline; }
						}
					}
					
					&.creator_info_list { font-size:14px; color:#FFF; text-transform:uppercase;
						li { margin-bottom:10px;
							span[blue] { color:#0090c4; vertical-align:baseline; }
						}
					}
				}
			
			}
			&.subject_info_list { background:rgba(0,0,0,.45); width:520px;
				table { font-size:13px; color:#EEE; width:95%; margin:0 2.5%;
					thead { font-size:14px; color:#20b57b; 
						td { text-transform:uppercase; padding-bottom:5px; border-bottom:solid 1px #20b57b;
							&:first-child { padding-left:10px; }
						}
					}
					tbody {
						tr:first-child {
							td { padding-top:10px; }
						}
						td { padding:5px 0; 
							&:first-child { padding-left:10px; }
						}
					}
				}
			}
		}
	}

}



/*## DEFAULT SUBJECT CONFIGURATION
######################################*/

#subjectinfo { clear:both; float:left; background:#000; width:1020px; margin:10px 0; padding:10px; border:solid 10px #333; .border-radius(5px);
	
	/*
	table { width:100%; }
	*/
	
	table { position:relative; width:1020px; margin:0;
		
		#subject_info {
			td { min-height:320px; }
			.subject_photo   { text-align:center; width:310px; }
			.subject_profile { width:450px; padding:20px;
				.breads { float:left; background:url(../jtree/images/plus.png) no-repeat left 4px; list-style:none; line-height:30px; width:430px; height:30px; margin:0 0 10px; padding-left:20px;
					li { float:left; width:auto; margin-right:5px; }
					li:first-child:before { content:""!important; }
					li:before { content:"\203A"; color:#EEE; padding-right:5px; }
					 a { font-size:9px; color:#EEE; text-transform:uppercase; text-decoration:underline; }
				}
				
				hgroup { 
					h1 { font:26px MyriadProRegular; color:#14b57b; text-transform:uppercase; margin:0 0 10px; padding:0; border-bottom:solid 1px #555;
						small { position:relative; top:-4px; left:10px; font-size:14px; }
					}
					h2 { font:34px MyriadProRegular; color:#EEE; margin:0 0 20px; padding:0 0 5px; border-bottom:solid 1px #555;
						span { position:relative; top:5px; left:5px; font-size:60px; color:#9cb082; vertical-align:middle; }
						small { display:block; font-size:11px; }
					}
					h3 { font:24px MyriadProRegular; color:#EEE; }
					ul { font-size:20px; color:#14b57b; text-align:center; list-style:none; margin:20px 0;
						li { float:left; position:relative; text-align:center; width:115px; height:40px; margin:0 20px 0 0;
							a { display:none; background:#666; font-size:11px; color:#CCC; margin:5px 0 0; padding:2px 3px; .border-radius(5px); }
							
							&:hover {
								a { display:block; }
							}
							&:first-child { margin-left:30px; }
						}
					}
				}
			}
			.subject_creator { width:200px; padding:10px 20px; border-left:solid 2px #555;
				hgroup { padding:0; border-bottom:solid 1px #555;
					h3 { font:20px MyriadProRegular; color:#14b57b; margin:0; }
					span { display:block; color:#EEE; margin:5px 0 20px;
						img { vertical-align:baseline; }
					}
				}
				
				ul { line-height:35px; list-style:none; margin:10px 0; }
			}
		}
		
		#subject_rating {
			td { padding:20px 0; }
			form { position:relative; width:660px; margin:auto; padding:65px 10px; border:solid 7px #333; .border-radius(5px); }
			.slider-range-min { float:left; position:relative; background:url(../images/bg_input-range.jpg) no-repeat; width:570px; height:15px !important; border:none; .border-radius(0);
				ul { position:absolute; bottom:-22px; left:0; float:left; list-style:none; width:570px; margin:0;
					li { font:16px MyriadProRegular; text-transform:uppercase; width:50% !important; padding:0;
						&.col1 { color:#c52129; text-align:left; }
						&.col2 { color:#20b57b; text-align:right; }
					}
				}
			}
			input[type=text] { float:left; position:relative; top:-12px; background:transparent; font:38px MyriadProBold; color:#20b57b; width:70px; margin-left:20px; outline:none; }
			
			//SLIDER POINTER HANDLER & RANGE
			.ui-slider-handle { top:10px; background:url(../images/point_handler.png) no-repeat; height:24px; border:none; cursor:pointer; .border-radius(0); }
			.ui-slider-range { background:transparent; }
			
			button[rateit] { position:absolute; top:15px; right:20px; display:block; background:#333; font:bold 13px sans-serif; color:#EEE; text-transform:uppercase; line-height:30px; height:30px; margin:0; padding:0 20px; border:none; .border-radius(5px); }
		}
	
		#subject_graph { background:#FFF;
			td { text-align:center;
				.reportbug { background:#000; position:relative; top:-1px; left:-1px; text-align:right; width:99.5%; margin:0 0 5px; padding:.5%;
					a { font-size:11px; color:#FFF; text-transform:uppercase; }
				}
			}
		}
		
		#subject_demograph, #subject_form { background:#FFF; 
			td { padding:20px; }
			h2 span { font-size:13px; color:#64cdf3; }
			form { background:#f2f3f4; width:90%; padding:1% 5%;
				label { display:block; }
				button { background:#8ec15a; font-size:13px; color:#FFF; text-transform:uppercase; padding:5px 15px; .border-radius(5px); }
				textarea { display:block; width:99%; max-width:99%; height:100px; max-height:100px; margin:10px auto; padding:10px .5%; .border-radius(5px); .box-shadow(0,0,10px,0,rgba(0,0,0,.25));
					&:active, &:focus { outline:none; }
				}
			}
		}
		
		#subject_demolist { background:#FFF;
			td { padding:10px 0; }
			table { font-family:MyriadProLight; color:#666;
				td { line-height:18px; padding:0 0 10px; }
				td:first-child { text-align:left; width:130px; padding:0 0 0 350px;}
			
				form { 
					span { display:block; color:#14b57b; }
					select { width:300px; }
					button { background:#8ec15a; font-size:12px; color:#FFF; text-transform:uppercase; padding:3px 15px; .border-radius(5px); }
				}
			}
		
		}
		
		#subject_user_comments {
			td { padding:20px 0; }
			.user_comments_list { float:left; list-style:none; color:#14b57b; width:95%; margin:0 2.5% 10px;
				a { color:#14b57b; }
			}
			
			#comments_framebox { position:relative; width:95%; margin:auto; padding:0 2.5%;
				tr { background:#252525; border-bottom:solid 10px #000;
					td { width:auto; height:60px; vertical-align:middle; padding:0;
						&.uc_profile { color:#14b57b; width:180px; padding:0 15px;
							h3 { position:relative; top:5px; }
							img { float:left; margin-right:10px; }
							small { color:#FFF; }
						}
						&.uc_message { color:#FFF; width:579px; padding:0 10px; border-left:solid 1px #555; }
						&.uc_rates	 { width:120px;
							a { position:relative; display:block; width:47px; height:16px; margin:0 0 5px 60px;
								span { position:absolute; top:3px; left:-15px; font-size:9px; color:#FFF;  text-align:right; }
							}
							a[agree]    { background:url(../images/btn_agree-uc.jpg) no-repeat; margin-top:5px; }
							a[disagree] { background:url(../images/btn_disagree-uc.jpg) no-repeat; }
							a[report]   { background:url(../images/btn_report-uc.jpg) no-repeat; }
						}
					}
				}
			}
		}



	} //END OF TABLE
}

#wrapthumbs { position:relative; width:1060px; height:120px; margin:10px auto;

	.scrollable { float: left; position: relative; background: transparent; width: 1050px; height:170px; margin:10px 0 0 5px; overflow: hidden; }
	.scrollable .items { clear: both; position: absolute; top: 0; background: transparent; list-style: none; width: 999em; height: 150px; margin: 0; padding: 5px 0 0; }
	
	.scrollable .items li { float:left; position: relative; background: transparent; color: #444; width: 95px; height: 100%; margin: 0 10px 0 0; padding: 0; border: none; overflow: hidden; }
	.scrollable .items li:first-child { margin-left:5px; }
	.scrollable .items li img { display: block; width: 100%; height: 125px; margin: 0; }
	.scrollable .items li h2,
	.scrollable .items li  p,
	.scrollable .items li  a 	{ display: block; font:normal 11px sans-serif; color: #DDD; text-align: center; text-transform: uppercase; margin-top: 10px; }
	
	.scrollable .active { display: block; width: 40px; height: 40px; outline:solid 2px fadeout(#20b57b,50%); }
	
	/* Slider Button */
	a.browse 				{ position: absolute; top: 58px; background: url(../jtools/images/button_scroll.jpg) no-repeat; cursor: pointer; width: 19px; height: 44px; z-index: 999; }
	a.disabled 			{ visibility: visible; }
	
	a.left 					{ left: -20px; background-position: 0 0; margin-left: 0; }
	a.right 				{ right: -20px; background-position: 0 -44px; margin-right: 0; }
	
	a.left:hover 		{ background-position: 0 0; }
	a.right:hover 	{ background-position: 0 -44px; }
	
	a.left:active 	{ background-position: 0 0; }
	a.right:active 	{ background-position: 0 -44px; }

}


/*## DEFAULT SEARCH TAG CONFIGURATION
######################################*/

#search_tag { clear:both; float:left; width:100%; margin:0;

	h1 { float:left; font:36px MyriadProRegular; color:#7fac42; text-transform:uppercase; width:100%; margin:0 0 20px; padding:0 0 10px; border-bottom:solid 1px #7fac42;
		img { margin:0 10px 0 0; vertical-align:baseline; }
	}
	
	#tree { clear:both; font:13px MyriadProLight; text-transform:uppercase; letter-spacing:.025em; padding:0 10px;
		a, strong { color:#FFF;
			&:hover { color:#7fac42; }
		}
		li { text-indent:10px; }
	}

}






/*## DEFAULT CHROME CONFIGURATION
######################################*/

@media screen and (-webkit-min-device-pixel-ratio:0) { 

	.headsup_panel {  
		select { font-size:11px; text-transform:uppercase; margin:0 0 5px; padding:8px 2%; border:solid 1px #DDD; 
			-webkit-appearance: none;
		}
		select { background:url("data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%0C%80%00%00%00%40%08%02%00%00%00W%AEz%EF%00%00%00%19tEXtSoftware%00Adobe%20ImageReadyq%C9e%3C%00%00%04%E5IDATx%DA%EC%DD%3DN%E3Z%18%06%E0%B1oD%82%A8%E8(%A8%D2Q%D2%D0%40%83%C4%12%D8%01%3Db%09P%81%A0%40%A2%60%05%D9%05%BB%A0%04%09!B%3A%9A%10%07%F2g%E7%22%90f(%98%E09%23Y7%E7%3EOi%1F%1FK_%FD%EA%FD%92%E9t%FA%03%00%00%00%00%00%00%00%00%80%3F%97%1A%01%00%00%00%00%00%00%00%00%40%98%9A%06%2C%00%00%00%00%00%00%00%00%20%0E%D5%A7%A14%60%01%00%00%00%00%00%00%00%00%04%D2%80%05%00%00%00%00%00%00%00%00DB%03%16%00%00%00%00%00%00%00%00%C0%DC%D0%80%05%00%00%00%00%00%00%00%00D%A2(%8A%8A%FF(%80%05%00%00%00%00%00%00%00%00D%C2%0AB%00%00%00%00%00%00%00%00%80%B9%A1%01%0B%00%00%00%00%00%00%00%00%88%84%15%84%00%00%00%00%00%00%00%00%00%81%AC%20%04%00%00%00%00%00%00%00%00%98%1B%1A%B0%00%00%00%00%00%00%00%00%80HXA%08%00%00%00%00%00%00%00%00%10%A8%FA4%94%00%16%00%00%00%00%00%00%00%00%10%09%0DX%00%00%00%00%00%00%00%00%00%81%AAOC%A5%86%0E%00%00%00%00%00%00%00%00%10F%03%16%00%00%00%00%00%00%00%00%10%09%2B%08%01%00%00%00%00%00%00%00%00%02U%9F%86%12%C0%02%00%00%00%00%00%00%00%00%22!%80%05%00%00%00%00%00%00%00%00%10%C8%0AB%00%00%00%00%00%00%00%00%80%40%1A%B0%00%00%00%00%00%00%00%00%00%02i%C0%02%00%00%00%00%00%00%00%00%08%A4%01%0B%00%00%00%00%00%00%00%00%20%90%06%2C%00%00%00%00%00%00%00%00%80%40%02X%00%00%00%00%00%00%00%00%00%81%AC%20%04%00%00%00%00%00%00%00%00%08%24%80%05%00%00%00%00%00%00%00%00%10%C8%0AB%00%00%00%00%00%00%00%00%80%40%1A%B0%00%00%00%00%00%00%00%00%00%02i%C0%02%00%00%00%00%00%00%00%00%084%3B%0Du%7B%7B%7Bzz%3A%18%0C%CA_%D8h4%F6%F6%F6677%F3%3C%FF%F2%40%D2%E9t%CC%1D%00%00%00%00%00%00%00%00%88%40%96e3%DE%26I2%18%0C%8E%8F%8F%EF%EE%EE%CA%DC%B6%BC%BC%7Cxx%D8l6_%5E%5EF%A3%D1%97%E9%AE%D4%D0%01%00%00%00%00%00%00%00%80%FF%83%E9t%BA%B8%B8xvv%B6%B3%B3%F3%ED%E1%F5%F5%F5V%AB%B5%B6%B66%99L~W%7F%F5%26y%7C%7C4Y%00%00%00%00%00%00%00%00%20%02%BD%5E%EF%DB3i%9A%D6%EB%F5%AB%AB%ABV%AB%F5%BBu%84%BB%BB%BB%FB%FB%FB%FD~%3F%CB%B2%B73%B3%02X%EDv%DB%DC%01%00%00%00%00%00%00%00%80%08%94%09%60%FDx%DFE%B8%B0%B0%D0n%B7%2F..%3A%9D%CE%E7W%8DF%E3%E8%E8hcc%23%7B7%1C%0E%BF%DC%3C%F8%EB%AA%87%87%07s%07%00%00%00%00%00%00%00%00%22%F0%FC%FC%5C%F2d%9A%A6%B5Zm2%99%9C%9F%9F___%7F%3C%5C%5D%5D%3D99YYY%E9%F5z%FD~%7F%3C%1E%17E1%FB%9E%7F%0E%0E%0E%CC%1D%00%00%00%00%00%00%00%00%88%C0p8%2Cyr%3A%9D%E6y%9E%A6%E9%F6%F6%F6h4%BA%B9%B9%D9%DA%DA%BA%BC%BC%AC%D5j%DDn7%CB%B2%B7%87%B3%BB%AF%3E%24%F7%F7%F7%E6%0E%00%00%00%00%00%00%00%00D%A0%7C%03%D6Oi%9A%D6%EB%F5n%B7%DBl6%C7%E3q%96e%AF%AF%AF%DF%16_%FDT%2B%93%D2%02%00%00%00%00%00%00%00%00%F8%EF%2B%1F%9C%FA%FC%C9%9B%A5%A5%A5%A7%A7%A7%3C%CF%CB%AC%1D%FCL%00%0B%00%00%00%00%00%00%00%00%88DX%1A*%7F%97%24I%C0%E7%02X%00%00%00%00%00%00%00%00%40%24%FE%26%0D%15%F6%AD%00%16%00%00%00%00%00%00%00%00%10%89%80%15%84%7FI%00%0B%00%00%00%00%00%00%00%00%88D%F5i(%01%2C%00%00%00%00%00%00%00%00%20%12%1A%B0%00%00%00%00%00%00%00%00%00%02i%C0%02%00%00%00%00%00%00%00%00%08%24%80%05%00%00%00%00%00%00%00%00%10%C8%0AB%00%00%00%00%00%00%00%00%80%40%D5%A7%A1RC%07%00%00%00%00%00%00%00%00%08%A3%01%0B%00%00%00%00%00%00%00%00%88%84%15%84%00%00%00%00%00%00%00%00%00%81%AAOC%09%60%01%00%00%00%00%00%00%00%00%91%10%C0%02%00%00%00%00%00%00%00%00%08T%FD%0A%C2%D4%D0%01%00%00%00%00%00%00%00%00%C2h%C0%02%00%00%00%00%00%00%00%00%22a%05!%00%00%00%00%00%00%00%00%40%A0%EA%D3PV%10%02%00%00%00%00%00%00%00%00%04%D2%80%05%00%00%00%00%00%00%00%00D%A2(%8A%8A%FF(%80%05%00%00%00%00%00%00%00%00D%C2%0AB%00%00%00%00%00%00%00%00%80%B9%A1%01%0B%00%00%00%00%00%00%00%00%88%84%06%2C%00%00%00%00%00%00%00%00%80%B9%A1%01%0B%00%00%00%00%00%00%00%00%88DQ%14%15%FF%F1_%01%06%00md%E2%BF%C9%C3%19%DA%00%00%00%00IEND%AEB%60%82") no-repeat right;
			-webkit-background-size: 1600px 32px;
		}
	}

}









































































